<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="power by" content="http://www.whynto.com" />
    <title>欢迎您登陆系统管理平台</title>
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="power by" content="http://www.whynto.com" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <script type="text/javascript" src="js/jquery-1.11.2.min.js" ></script>
</head>
<body onload="load()">
<script src="{{ URL::asset('/') }}js/Syunew3.js"></script><!--定要包含有我们的UK单元包-->
<div class="containt_all">
	<div class="login_header">
	    <img src="images/logo.png">
	</div>
	<div class="login_container">
	    <div class="login_w1024">
			<form action="{{ route('login') }}" method=post id=frmlogin name=form1 >
	            {{ csrf_field() }}
				<input name="key_id" type="text" id="KeyID" style="VISIBILITY: hidden">
	            <input type="hidden" name="type" value="1">
	            <ul class="ul_h1">
	                <li class="login_user_tit mg_b1">警员登录</li>
	                @if ($errors->has('email'))
	                    <p class="help-block" style="color: red;margin-left: 20px;
	    margin-bottom: 5px;">
	                        <strong>{{ $errors->first('email') }}</strong>
	                    </p>
	                @endif
	                <li class="login_type">
	                    <select class="login_select" name="dengji">
	                        <option value="1">总队</option>
	                        <option value="2">支队</option>
	                        <option value="3">大队</option>
							<option value="4">派出所</option>
	                    </select>
	                </li>
	                <li class="login_user">
	                    <input type="text" class="input_text" placeholder="请输入用户名" id="email" name="email" value="{{ old('email') }}" required autofocus />
	                    
	                </li>
	                <li class="login_pwd">
	                    <input type="password" autocomplete="off" class="input_text" placeholder="请输入密码" id="password" name="password" required />
	                    @if ($errors->has('password'))
	                        <p class="help-block">
	                            <strong>{{ $errors->first('password') }}</strong>
	                        </p>
	                    @endif
	                </li>
					<li class="login_yz"><input type="text" class="input_text uk" placeholder="未检测到UsbKey" value="" disabled></li>
					<span style="margin-left: 16px;font-size: 12px">* 首次登录时，请<a href="http://nb.yntosite.com/upload/SetUp.exe" style="color: red">下载</a>并安装“UKey驱动”。</span>
					<li class="login_btn">
	                    {{--<input type="button" class="a" value="立即登录" onclick="login_onclick()">--}}
						<input type="submit" class="a" value="立即登录">
	                </li>
	            </ul>
	            <p class="login_promt">温馨提示：系统最佳浏览器为360极速浏览器和谷歌浏览器，最佳分辨率为1920×1080，最低浏览分辨率：1366*768。</p>
	        </form>
	    </div>
	</div>
	<div class="login_footer">
	    Copyright ©2017  All Rights Reserved 公安内保工作综合信息管理平台
	</div>
</div>

<!--UKey弹窗-->
<div class="layer_box" style="display:none;">
	<div class="login_dialog">
		<span class="layer_close"></span>
		<form name="form" id="reg_form" method="post" action="{{url('uk/register_minjing')}}" >
			<div class="login_box">
				<div class="login_box_title">
					<span class="login_t_sa">警员注册</span>
				</div>
				<p class="red msg"></p>
				<!--登录框-->
				<div class="login_box_entry">
					{{ csrf_field() }}
					<input name="key_id" type="text" id="KeyID2" style="VISIBILITY: hidden">
					<div class="box_line">
						<span class="unitname">姓名：</span>
						<div class="unit_block"><input type="text" class="unit_input" name="name"></div>
					</div>
					<div class="box_line">
						<span class="unitname">密码：</span>
						<div class="unit_block"><input type="password" class="unit_input" name="pwd1"></div>
					</div>
					<div class="box_line">
						<span class="unitname">确认密码：</span>
						<div class="unit_block"><input type="password" class="unit_input" name="pwd2"></div>
					</div>
					<p class="red">注意：用户名填写后不能修改，请谨慎填写。</p>
					<div class="box_register">
						<button id="go" type="button" class="box_button">立即注册</button>
					</div>
				</div>
			</div>
		</form>
	</div>
</div>
<!--提示-->
<div class="prom_dialog" style="display:none;">
	<p class="promotion_tit"><span class="prom_c">提示</span><span class="layer_close1"></span></p>
	<div class="promotion">
		<p class="pcl unitname"></p>
		<p class="pcolor zhanghao"></p>
		<p class="red">提示：请牢记您的用户名。</p>
	</div>
</div>
<script>
	$(document).on("change",'#city', function(){
		$('#area option:gt(0)').remove();
		$('#org_id option:gt(0)').remove();
		//alert(1);die;
		var cid = $("#city").val();
		var url = "{{url('/getArea')}}";
		$.getJSON(url,{cid:cid},function(json){
			/*清空原有的选项*/
			if(json != ''){
				$.each(json,function(index,array){
					var option = "<option value='"+array['id']+"'";
					option += ">"+array['name']+"</option>";
					$("#area").append(option);
				});
			}
		});
	});

	$(document).on("change",'#area', function(){
		$('#org_id option:gt(0)').remove();
		var cid = $("#area").val();
		var url = "{{url('/getArea')}}";
		$.getJSON(url,{cid:cid},function(json){
			/*清空原有的选项*/
			if(json != ''){
				$.each(json,function(index,array){
					var option = "<option value='"+array['id']+"'";
					option += ">"+array['name']+"</option>";
					$("#org_id").append(option);
				});
			}
		});
	});
	$('#go').click(function (){
		var i=window.confirm("用户名填写后不能修改，确认注册吗？");
		if(i==0){
			return false;
		}
		var formData = new FormData($("#reg_form")[0]);
		$.ajax({
			type: "POST",
			url: "{{url('uk/register_minjing')}}",
			data: formData,
			async: false,
			cache: false,
			contentType: false,
			processData: false,
			success: function(data) {
				if(data.status == 0){
					alert(data.msg);die;
				}
				if(data.status == 1){
					$('.layer_box').attr('style','display:none;');
					$('.unitname').html('您好，'+data.name);
					$('.zhanghao').html('您的用户名为:'+data.email);
					$('.prom_dialog').attr('style','');
				}
			},

		});
	})
	$(function(){
		var h=$(window).height();
		var hc=$('.containt_all').height();
		$('.containt_all').css('margin-top',(h-hc)*0.3+'px');
		$('.login_dialog').css('top',(h-$('.login_dialog').height())*0.3+'px');
		$('.layer_close').click(function(){
			$('.layer_box').hide();
		})
		$('.layer_close1').click(function(){
			$('.prom_dialog').hide();
		})
	})
</script>
<script>
	$(function(){
		var h=$(window).height();
		var hc=$('.containt_all').height();
		$('.containt_all').css('margin-top',(h-hc)*0.3+'px');
	})
</script>
<SCRIPT LANGUAGE=javascript>

	var bConnect=0;

	function load()
	{
		//如果是IE10及以下浏览器，则跳过不处理
		if(navigator.userAgent.indexOf("MSIE")>0 && !navigator.userAgent.indexOf("opera") > -1) return;
		try
		{
			var s_pnp=new SoftKey3W();
			s_pnp.Socket_UK.onopen = function()
			{
				bConnect=1;//代表已经连接，用于判断是否安装了客户端服务
			}

			//在使用事件插拨时，注意，一定不要关掉Sockey，否则无法监测事件插拨
			s_pnp.Socket_UK.onmessage =function got_packet(Msg)
			{
				var PnpData = JSON.parse(Msg.data);
				if(PnpData.type=="PnpEvent")//如果是插拨事件处理消息
				{
					if(PnpData.IsIn)
					{
						//alert("UKEY已被插入");
						$('.uk').val('UKEY已插入');
						//alert("UKEY已被插入，被插入的锁的路径是："+PnpData.DevicePath);

						//插入uk后，检测该uk是否绑定企业账号
						var DevicePath,ID_1,ID_2,ret;
						//由于是使用事件消息的方式与服务程序进行通讯，
						//好处是不用安装插件，不分系统及版本，控件也不会被拦截，同时安装服务程序后，可以立即使用，不用重启浏览器
						//不好的地方，就是但写代码会复杂一些
						var s_simnew1=new SoftKey3W(); //创建UK类

						s_simnew1.Socket_UK.onopen = function() {
							s_simnew1.ResetOrder();//这里调用ResetOrder将计数清零，这样，消息处理处就会收到0序号的消息，通过计数及序号的方式，从而生产流程
						}


						//写代码时一定要注意，每调用我们的一个UKEY函数，就会生产一个计数，即增加一个序号，较好的逻辑是一个序号的消息处理中，只调用我们一个UKEY的函数
						s_simnew1.Socket_UK.onmessage =function got_packet(Msg)
						{
							var UK_Data = JSON.parse(Msg.data);
							if(UK_Data.type!="Process")return ;//如果不是流程处理消息，则跳过
							switch(UK_Data.order)
							{
								case 0:
								{
									s_simnew1.FindPort(0);//发送命令取UK的路径
								}
									break;//!!!!!重要提示，如果在调试中，发现代码不对，一定要注意，是不是少了break,这个少了是很常见的错误
								case 1:
								{
									if( UK_Data.LastError!=0){window.alert ( "未发现加密锁，请插入加密锁");s_simnew1.Socket_UK.close();return false;}
									DevicePath=UK_Data.return_value;//获得返回的UK的路径
									s_simnew1.GetID_1(DevicePath); //发送命令取ID_1
								}
									break;
								case 2:
								{
									if( UK_Data.LastError!=0){ window.alert("返回ID号错误，错误码为："+UK_Data.LastError.toString());s_simnew1.Socket_UK.close();return false;}
									ID_1=UK_Data.return_value;//获得返回的UK的ID_1
									s_simnew1.GetID_2(DevicePath); //发送命令取ID_2
								}
									break;
								case 3:
								{
									if( UK_Data.LastError!=0){ window.alert("取得ID错误，错误码为："+UK_Data.LastError.toString());s_simnew1.Socket_UK.close();return false;}
									ID_2=UK_Data.return_value;//获得返回的UK的ID_2

									reg_form.KeyID2.value=toHex(ID_1)+toHex(ID_2);
									var key_id=toHex(ID_1)+toHex(ID_2);

									//console.log(uk_id);

									//检测uk是否已激活
									if(key_id){
										var url = "{{url('uk/check_act')}}";
										$.ajax({
											type: 'POST',
											url: url,
											data: {'key_id':key_id,'_token':'{{csrf_token()}}'},
											success: function(data){
												if(data.status == 0){
													alert('该UKEY尚未激活，不能绑定账号');die;
												}else if(data.status == 1){
													var url = "{{url('uk/check_reg2')}}";
													$.ajax({
														type: 'POST',
														url: url,
														data: {'key_id':key_id,'_token':'{{csrf_token()}}'},
														success: function(data2){
															if(data2.status == 0){
																$('.msg').html(data.msg);
																$('.layer_box').attr('style','');
															}else{
																$('#email').val(data2.username);
															}
														}
													});
												}
											}
										});
									}

									//所有工作处理完成后，关掉Socket
									s_simnew1.Socket_UK.close();
								}
									break;
							}
						}

					}
					else
					{
						//alert("UKEY已被拨出");
						$('.uk').val('');
						//alert("UKEY已被拨出，被拨出的锁的路径是："+PnpData.DevicePath);
					}
				}
			}

			s_pnp.Socket_UK.onclose = function()
			{

			}
		}
		catch(e)
		{
			alert(e.name + ": " + e.message);
			return false;
		}
	}

	var digitArray = new Array('0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f');

	function toHex( n ) {

		var result = ''
		var start = true;

		for ( var i=32; i>0; ) {
			i -= 4;
			var digit = ( n >> i ) & 0xf;

			if (!start || digit != 0) {
				start = false;
				result += digitArray[digit];
			}
		}

		return ( result == '' ? '0' : result );
	}

	function login_onclick()
	{

		//如果是IE10及以下浏览器，则使用AVCTIVEX控件的方式
		if(navigator.userAgent.indexOf("MSIE")>0 && !navigator.userAgent.indexOf("opera") > -1) return Handle_IE10();

		//判断是否安装了服务程序，如果没有安装提示用户安装
		if(bConnect==0)
		{
			window.alert ( "未能连接服务程序，请确定服务程序是否安装。");return false;
		}
		try
		{
			var DevicePath,ID_1,ID_2,ret;

			//由于是使用事件消息的方式与服务程序进行通讯，
			//好处是不用安装插件，不分系统及版本，控件也不会被拦截，同时安装服务程序后，可以立即使用，不用重启浏览器
			//不好的地方，就是但写代码会复杂一些
			var s_simnew1=new SoftKey3W(); //创建UK类

			s_simnew1.Socket_UK.onopen = function() {
				s_simnew1.ResetOrder();//这里调用ResetOrder将计数清零，这样，消息处理处就会收到0序号的消息，通过计数及序号的方式，从而生产流程
			}


			//写代码时一定要注意，每调用我们的一个UKEY函数，就会生产一个计数，即增加一个序号，较好的逻辑是一个序号的消息处理中，只调用我们一个UKEY的函数
			s_simnew1.Socket_UK.onmessage =function got_packet(Msg)
			{
				var UK_Data = JSON.parse(Msg.data);
				if(UK_Data.type!="Process")return ;//如果不是流程处理消息，则跳过
				switch(UK_Data.order)
				{
					case 0:
					{
						s_simnew1.FindPort(0);//发送命令取UK的路径
					}
						break;//!!!!!重要提示，如果在调试中，发现代码不对，一定要注意，是不是少了break,这个少了是很常见的错误
					case 1:
					{
						if( UK_Data.LastError!=0){window.alert ( "未发现加密锁，请插入加密锁");s_simnew1.Socket_UK.close();return false;}
						DevicePath=UK_Data.return_value;//获得返回的UK的路径
						s_simnew1.GetID_1(DevicePath); //发送命令取ID_1
					}
						break;
					case 2:
					{
						if( UK_Data.LastError!=0){ window.alert("返回ID号错误，错误码为："+UK_Data.LastError.toString());s_simnew1.Socket_UK.close();return false;}
						ID_1=UK_Data.return_value;//获得返回的UK的ID_1
						s_simnew1.GetID_2(DevicePath); //发送命令取ID_2
					}
						break;
					case 3:
					{
						if( UK_Data.LastError!=0){ window.alert("取得ID错误，错误码为："+UK_Data.LastError.toString());s_simnew1.Socket_UK.close();return false;}
						ID_2=UK_Data.return_value;//获得返回的UK的ID_2

						//检测UK是否绑定企业账号，未绑定则进行绑定，绑定则登录
						frmlogin.KeyID.value=toHex(ID_1)+toHex(ID_2);
						reg_form.KeyID2.value=toHex(ID_1)+toHex(ID_2);
						var key_id=toHex(ID_1)+toHex(ID_2);
						//检测uk是否已激活
						if(key_id){
							var url = "{{url('uk/check_act')}}";
							$.ajax({
								type: 'POST',
								url: url,
								data: {'key_id':key_id,'_token':'{{csrf_token()}}'},
								success: function(data){
									if(data.status == 0){
										alert('该UKEY尚未激活，不能绑定账号');die;
									}else if(data.status == 1){
										var url = "{{url('uk/check_reg2')}}";
										$.ajax({
											type: 'POST',
											url: url,
											data: {'key_id':key_id,'_token':'{{csrf_token()}}'},
											success: function(data2){
												if(data2.status == 0){
													var json = data.org;
													$.each(json,function(index,obj){
														var option = "<option value='"+obj['id']+"'";
														option += ">"+obj['name']+"</option>";
														$("#org_id").append(option);
													});
													$('.msg').html(data.msg);
													$('.layer_box').attr('style','');
												}else{
													//!!!!!注意，这里一定要主动提交，不能用提交类型的按钮，否则无法完全处理所有的消息
													//验证用户名密码不能为空
													var username = $('#email').val();
													if(!username){
														window.alert ( "用户名不能为空");return false;
													}
													var pwd = $('#password').val();
													if(!pwd){
														window.alert ( "密码不能为空");return false;
													}
													frmlogin.submit ();
												}
											}
										});
									}
								}
							});
						}

						//所有工作处理完成后，关掉Socket
						s_simnew1.Socket_UK.close();
					}
						break;
				}
			}
			s_simnew1.Socket_UK.onclose = function(){

			}
			return true;
		}

		catch(e)
		{
			alert(e.name + ": " + e.message);
			return false;
		}

	}

	function Handle_IE10()
	{
		try
		{
			var DevicePath,mylen,ret;
			var s_simnew1;
			//创建控件
			s_simnew1=new ActiveXObject("Syunew3A.s_simnew3");

			DevicePath = s_simnew1.FindPort(0);//'来查找加密锁，0是指查找默认端口的锁
			if( s_simnew1.LastError!= 0 )
			{
				window.alert ( "未发现加密锁，请插入加密锁");return false;
			}
			else
			{

				//获取锁的ID
				frmlogin.KeyID.value=toHex(s_simnew1.GetID_1(DevicePath))+toHex(s_simnew1.GetID_2(DevicePath));
				if( s_simnew1.LastError!= 0 )
				{
					window.alert( "获取ID错误,错误码是"+s_simnew1.LastError.toString());
					return false;
				}
				frmlogin.submit ();
				return true;
			}
		}

		catch(e)
		{
			alert(e.name + ": " + e.message+"。可能是没有安装相应的控件或插件");
			return false;
		}

	}

</SCRIPT>

<script>
$(function(){
var h=$(window).height();
var hc=$('.containt_all').height();
$('.containt_all').css('margin-top',(h-hc)*0.3+'px');
})
</script>
</body>
</html>